<template>
    <div>
        <footer>
        <div class="footer">
            <h2>友情链接：</h2>
            <div >
                <a href="" v-for="(item,index) in footerList" :key="index">{{item.dictLabel}}</a>

            </div>
            <p>Copyright © 2017-2025 石家庄天亮教育科技有限公司 备案号:冀ICP备17020003号</p>
        </div>
    </footer>
    </div>
</template>
<script>
import {footer} from "../api/api"
export default {
    name:"indexFooter",
    data(){
        return {
            footerList:"[]"
        }
    },
    created(){
        // let form=new FormData()
        // form.append("dictType","blogroll")
        // form.append("pageNum","dictSort")
        // form.append("pageSize",1)
        // form.append("orderByColumn",10)
        // form.append("isAsc","asc")
        // this.$axios.post("http://wkt.myhope365.com/system/dict/data/list/open",form).then(res=>{
        //     console.log(res);
        //     this.footerList=res.data.rows
        // })
        footer().then(res=>{
            this.footerList=res.rows
        })
    }
}
</script>
<style scoped>
footer {
    margin: auto;
    margin-top: 20px;
    height: 200px;
    background: #444546;
    color: #999;
    font-size: 14px;
    padding-top: 30px;
}
.footer {
    width: 1200px;
    margin: 0 auto;
}
.footer>div>a {
    margin-right: 40px;
    color: #999;
}
.footer>div>a:hover {
    color: #00cf8c;
}
.footer>h2 {
    font-size: 22px;
    margin-bottom: 20px;
    color: #999;
}
.footer>p {
    margin: 40px auto;
    width: 1000px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-top: 2px solid rgb(84, 84, 84);
}
</style>